<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>class选择器</title>

    <style>

         .font1{    color: darkorchid;font-family: 萍方-简}
        .font2{color: red;font-size: 50px;font-family: " 汉仪良品线简"}
        .font3{color: gold;}


    </style>


</head>
<body>

<!--这个是类选择器也叫class,class是属性名 font是属性值 因为要得到p的不同效果，所以用class来命名一个值来代替p-->

<p class="font2">   大家好   </p>
<p class="font1">   大家好好好   </p>

<p class="font3">   大家好好嗨   </p>
</body>
</html>